<template>
	<scroll-view scroll-y class="public-scroll-view">
		<view class="checkbox-model">
			<text class="checkbox-model-title">默认样式</text>
			<checkbox-group style="margin-top: 20rpx;">
				<label style="font-size: 28rpx;">
					<checkbox value="cb" :checked="true" />选中
				</label>
				<label style="font-size: 28rpx;">
					<checkbox value="cb" />未选中
				</label>
			</checkbox-group>
		</view>

		<view class="checkbox-model">
			<text class="checkbox-model-title">不同颜色和尺寸的checkbox</text>
			<checkbox-group style="margin-top: 20rpx;">
				<label style="font-size: 28rpx;">
					<checkbox value="cb" :checked="true" color="#FFCC33" style="transform:scale(0.7)" />选中
				</label>
				<label style="font-size: 28rpx;">
					<checkbox value="cb" color="#FFCC33" style="transform:scale(0.7)" />未选中
				</label>
			</checkbox-group>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.checkbox-model {
		padding-top: 20rpx;
		margin-bottom: 20rpx;
		padding-left: 20rpx;
	}

	.checkbox-model-title {
		font-size: 32rpx;
		font-weight: bold;
	}
</style>